// 全局AJAX调用函数
function fetchDeptData(id) {
    $.ajax({
        url: `http://localhost:8080/api/depts/${id}`,
        method: 'GET',
        success: function(response) {
            console.log('Response:', response);

            // 创建一个h2元素
            const h2 = document.createElement('h2');
            h2.textContent = response; // 根据需要调整显示内容

            // 将h2添加到页面的某个容器中，例如body
            document.body.appendChild(h2);

            // 如果需要将h2添加到特定的位置，可以使用其他选择器
            // 例如，假设有一个div具有id "result"：
            // document.getElementById('result').appendChild(h2);
        },
        error: function(xhr, status, error) {
            console.error('Error:', error);
            // 在页面上显示错误信息
            const errorMessage = document.createElement('p');
            errorMessage.textContent = `Error: ${error}`;
            errorMessage.style.color = 'red';
            document.body.appendChild(errorMessage);
        }
    });
}